<!-- 参考官方文档 -->
<template>
    <view class="">
        <!-- size：按钮大小 -->
        <!-- type：按钮样式 -->
        <!-- plain：按钮镂空 -->
        <!-- @click：点击事件 -->
        <button size="default" type="primary" plain @click="onClick">按钮</button>
        <!-- loading：loading图标 -->
        <button size="default" type="primary" loading>按钮</button>
        <!-- disabled：按钮禁用 -->
        <button size="mini" type="primary" disabled>按钮</button>
        <!-- open-type：开放能力 -->
        <button size="default" type="primary" open-type="share">按钮</button>
    </view>
</template>

<script lang="ts" setup>
    function onClick() {
        console.log("点击事件");
    };
</script>

<style lang="scss" scoped>
    button {
        margin-top: 10px;
    }
</style>